<!DOCTYPE html>
<meta charset="UTF-8">
<div style="padding: 10px; width: 490px; height: 260px;">
	<table data-type="grid" title="汇总列表"
		data-defs="
				method:'get',url: 'demo/testdata/grid_data2.json',
				fitColumns:true,border:true,
				singleSelect: true,
				rownumbers: true,fit:true,fitColumns:true,
				showFooter: true
			">
		<thead>
			<tr>
				<th data-defs="field:'itemid',width:80">ID</th>
				<th data-defs="field:'productid',width:200">产品名称</th>
				<th data-defs="field:'listprice',width:80,align:'right'">成本</th>
				<th data-defs="field:'unitcost',width:80,align:'right'">单价</th>
				<th data-defs="field:'attr1',width:100">属性</th>
				<th data-defs="field:'status',width:60,align:'center'">状态</th>
			</tr>
		</thead>
	</table>
</div>
<div style="padding: 10px; width: 490px; height: 260px;">
	<div data-type="panel" data-defs="iconCls:'icon-ok',border:true,fit:true,headerCls:'bnb'" title="外层是个panel-去除了重复边框"
		style="width: 600px; height: 300px; padding: 0px;">
		<table data-type="grid" title="汇总列表"
			data-defs="
				method:'get',url: 'demo/testdata/grid_data2.json',
				fitColumns:true,border:false,fit:true,fitColumns:true,headerCls:'byb',
				singleSelect: true,
				rownumbers: true,
				showFooter: true
			">
			<thead>
				<tr>
					<th data-defs="field:'itemid',width:80">ID</th>
					<th data-defs="field:'productid',width:200">产品名称</th>
					<th data-defs="field:'listprice',width:80,align:'right'">成本</th>
					<th data-defs="field:'unitcost',width:80,align:'right'">单价</th>
					<th data-defs="field:'attr1',width:100">属性</th>
					<th data-defs="field:'status',width:60,align:'center'">状态</th>
				</tr>
			</thead>
		</table>
	</div>
</div>
